<template>
  <views class="facilitator_agent_add">
    <div>
      <el-steps :active="active" finish-status="success" :align-center="false">
        <el-step title="基本信息"></el-step>
        <el-step title="费率设置"></el-step>
      </el-steps>
    </div>
    
    <div class="content">
      <!-- 基本信息 -->
      <agent-base v-show="baseInfo" type=1  @submitInfo="submitInfo"  ></agent-base>

      <!-- 费率设置 -->
      <agent-rate v-show="isRate" type=1 :agent_id="agent_id"  ></agent-rate>

    </div>

  </views>
</template>

<script>

  import AgentBase from 'components/agentManagements/child_component/agent_base';
  import AgentRate from 'components/agentManagements/child_component/agent_rate';


export default {
  data() {
    return {
      active:0,       //从步骤0开始
      agent_id:0,
      baseInfo: true,
      isRate: false
    };
  },
  components:{
      AgentBase,
      AgentRate
  },
  methods: {
    submitInfo(agent_id){     //填写完步骤1之后，进入下一步
      this.active = 1;
      this.baseInfo = false;
      this.isRate = true;
      this.agent_id = agent_id;
    }

  },
  mounted() {
     this.$setRouteTitle();
  }
};
</script>



<style lang="less"  :scope="true"  src="@/style/agentManagements/facilitator_agent_add.less" >
</style>